<template>
    <div class="parent">
        <div class="parent-body"> 
            <div class="parent-left">

            </div>      
            <router-view class="parent-center"></router-view>
            <div class="parent-right">
                <iframe width="1400px" height="1050px" src="http://10.208.122.27:18090/cimdist/index.html#/index"></iframe>
            </div>
            <div class="parent-right1">
               <iframe width="1400px" height="1050px" src="http://10.208.126.168/cip/"></iframe>
            </div>
        </div>
    </div>
</template>
<script>
import WOW from "wow.js";
export default {
    name:"parent",
    created() {
        new WOW().init();
    },
    mounted() {
        document.addEventListener("keyup", this.changePage);
    },
    data() {
        return {
            
        }
    },
    methods: {
        changePage(e) {
        },
    },
    beforeDestroy() {
        document.removeEventListener("keyup", this.changePage);
    },
    watch: {
        $route: {
        handler(n, v) {
            document.addEventListener("keyup", this.changePage);
        },
        deep: true
        }
    }
}
</script>
<style lang="scss" scoped>
.parent{
    width: 7000px;
    height: 1050px;
    background-image: url("../../assets/images/pptScreen/pFirst/bg.png");
    position: relative;
    overflow: hidden;
}
.parent-body{
    display: flex;
    height: 100%;
}
.parent-left{
    width: 1400px;
    height: 1050px;
    background-image: url("../../assets/images/pptScreen/pFirst/word2.png");
}
.parent-center{
    width: 2800px;
    //background-image: url("../../assets/images/pptScreen/pFirst/11.png");
}
</style>
